@import 'settings';
@import 'base';
// Patterns

@import 'patterns_accordion';
@import 'patterns_article-block';
@import 'patterns_article-pagination';
@import 'patterns_badge';
@import 'patterns_blog';
@import 'patterns_breadcrumbs';
@import 'patterns_buttons';
@import 'patterns_card';
@import 'patterns_chip';
@import 'patterns_code-snippet';
@import 'patterns_contextual-menu';
@import 'patterns_cta';
@import 'patterns_data-spotlight';
@import 'patterns_divided-section';
@import 'patterns_divider';
@import 'patterns_equal-height-row';
@import 'patterns_form-help-text';
@import 'patterns_form-password-toggle';
@import 'patterns_form-tick-elements';
@import 'patterns_form-validation';
@import 'patterns_forms';
@import 'patterns_grid';
@import 'patterns_grid-8';
@import 'patterns_heading-icon';
@import 'patterns_headings';
@import 'patterns_icons';
@import 'patterns_image';
@import 'patterns_links';
@import 'patterns_list-tree';
@import 'patterns_lists';
@import 'patterns_logo-section';
@import 'patterns_matrix';
@import 'patterns_media-container';
@import 'patterns_media-object';
@import 'patterns_modal';
@import 'patterns_muted-heading';
@import 'patterns_navigation';
@import 'patterns_navigation-reduced';
@import 'patterns_notifications';
@import 'patterns_pagination';
@import 'patterns_pricing-block';
@import 'patterns_newsletter-signup';
@import 'patterns_pull-quotes';
@import 'patterns_resources-block';
@import 'patterns_rule';
@import 'patterns_search-and-filter';
@import 'patterns_search-box';
@import 'patterns_section';
@import 'patterns_segmented-control';
@import 'patterns_separator';
@import 'patterns_side-navigation-expandable';
@import 'patterns_side-navigation';
@import 'patterns_slider';
@import 'patterns_status-label';
@import 'patterns_strip';
@import 'patterns_suru';
@import 'patterns_switch';
@import 'patterns_table-expanding';
@import 'patterns_table-icons';
@import 'patterns_table-mobile-card';
@import 'patterns_table-of-contents';
@import 'patterns_table-sortable';
@import 'patterns_tabs';
@import 'patterns_tooltips';

// Layouts
@import 'layouts_application';
@import 'layouts_docs';
@import 'layouts_full-width';
@import 'layouts_site';
@import 'layouts_fluid-breakout';

// Utilities
@import 'utilities_animations';
@import 'utilities_baseline-grid';
@import 'utilities_clearfix';
@import 'utilities_content-align';
@import 'utilities_embedded-media';
@import 'utilities_equal-height';
@import 'utilities_floats';
@import 'utilities_font-metrics';
@import 'utilities_has-icon';
@import 'utilities_hide';
@import 'utilities_image-position';
@import 'utilities_layout';
@import 'utilities_margin-collapse';
@import 'utilities_max-width';
@import 'utilities_muted-text';
@import 'utilities_off-screen';
@import 'utilities_padding-collapse';
@import 'utilities_show';
@import 'utilities_truncate';
@import 'utilities_vertical-spacing';
@import 'utilities_vertically-center';
@import 'utilities_no-print';
@import 'utilities_text-max-width';
@import 'utilities_text-figures';

// Include all the CSS
@mixin vanilla {
  @include vf-base;
  // Patterns
  @include vf-p-accordion;
  @include vf-p-article-block;
  @include vf-p-article-pagination;
  @include vf-p-badge;
  @include vf-p-blog;
  @include vf-p-breadcrumbs;
  @include vf-p-buttons;
  @include vf-p-card;
  @include vf-p-chip;
  @include vf-p-code-snippet;
  @include vf-p-contextual-menu;
  @include vf-p-cta-block;
  @include vf-p-data-spotlight;
  @include vf-p-divided-section;
  @include vf-p-divider;
  @include vf-p-equal-height-row;
  @include vf-p-form-help-text;
  @include vf-p-form-tick-elements;
  @include vf-p-form-validation;
  @include vf-p-forms;
  @include vf-p-grid;
  @include vf-p-grid-8;
  @include vf-p-heading-icon;
  @include vf-p-headings;
  @include vf-p-section;
  @include vf-p-form-password-toggle;
  @include vf-p-icons;
  @include vf-p-image;
  @include vf-p-links;
  @include vf-p-list-tree;
  @include vf-p-lists;
  @include vf-p-logo-section;
  @include vf-p-matrix;
  @include vf-p-media-container;
  @include vf-p-media-object;
  @include vf-p-modal;
  @include vf-p-muted-heading;
  @include vf-p-navigation;
  @include vf-p-navigation-reduced;
  @include vf-p-newsletter-signup;
  @include vf-p-notification;
  @include vf-p-pagination;
  @include vf-p-pricing-block;
  @include vf-p-pull-quotes;
  @include vf-p-resources-block;
  @include vf-p-rule;
  @include vf-p-search-and-filter;
  @include vf-p-search-box;
  @include vf-p-segmented-control;
  @include vf-p-separator;
  @include vf-p-side-navigation;
  @include vf-p-side-navigation-expandable;
  @include vf-p-slider;
  @include vf-p-status-label;
  @include vf-p-strip;
  @include vf-p-switch;
  @include vf-p-table-icons;
  @include vf-p-table-expanding;
  @include vf-p-table-of-contents;
  @include vf-p-table-mobile-card;
  @include vf-p-table-sortable;
  @include vf-p-tabs;
  @include vf-p-tooltips;
  @include vf-p-suru;

  // Layouts
  @include vf-l-application;
  @include vf-l-docs;
  @include vf-l-full-width;
  @include vf-l-site;
  @include vf-l-fluid-breakout;

  // Utilities
  @include vf-u-align;
  @include vf-u-animations;
  @include vf-u-baseline-grid;
  @include vf-u-clearfix;
  @include vf-u-embedded-media;
  @include vf-u-equal-height;
  @include vf-u-floats;
  @include vf-u-has-icon;
  @include vf-u-image-position;
  @include vf-u-layout;
  @include vf-u-margin-collapse;
  @include vf-u-no-max-width;
  @include vf-u-off-screen;
  @include vf-u-padding-collapse;
  @include vf-u-truncate;
  @include vf-u-text-muted;
  @include vf-u-vertical-spacing;
  @include vf-u-vertically-center;
  @include vf-u-hide; // import after vf-u-vertically-center as both set the display property
  @include vf-u-show;
  @include vf-u-visualise-baseline;
  @include vf-u-no-print;
  @include vf-u-text-max-width;
  @include vf-u-text-figures;
}
